<template>
  <div>
    <button @click="clickFn" v-if="isShow">点击搜索</button>
    <input type="text" v-else ref="inp"/>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isShow:true,
    };
  },
  methods: {
    clickFn() {
        this.isShow=false
        // 方法一:
        this.$nextTick(()=>{
            this.$refs.inp.focus()
        })
    },
  },
//   方法二:
//   updated(){
//       this.$refs.inp.focus()
//   }
};
</script>

<style>
</style>